<template>
    <div>
         <HeaderIndex title="购票人实名认证登记" font-weight="400">
        </HeaderIndex>
        <div class="customer-text">
            <span>实名登记信息</span>
        </div>
        <form action="" class="customer-form">
          <!-- <van-contact-edit
            is-edit
            show-set-default
            :contact-info="editingContact"
            set-default-label="设为默认联系人"
            @save="onSave"
            @delete="onDelete"/> -->
            <label for="">
                <span>真实姓名</span>
                <input type="text" placeholder="请输入姓名" class="name">
            </label>
            <label for="">
                <span>证件类型</span>
                <select name="" id="">
                    <option value="1">身份证</option>
                    <option value="2">护照</option>
                    <option value="3">港澳居民来往内地通行证</option>
                    <option value="4">台胞证</option>
                </select>
            </label>
            <label for="">
                <span>证件号</span>
                <input type="text" placeholder="请输入证件号">
            </label>
           
        </form>
        <div class="tips">
            <span>*以上信息将严格保密，实名登记成功后身份信息不可修改，如有问题请联系客服解决
          </span><a href="">10105335</a>
        </div>
        <div class="btn">
            <button @click="fun()">提  交</button>
        </div>




    </div>
</template>

<script>
// import { ref } from 'vue';
// import { Toast } from 'vant';
// import { createApp } from 'vue';
// import { ContactEdit } from 'vant';

// const app = createApp();
// app.use(ContactEdit);

export default {
  //  setup() {
  //   const editingContact = ref({});
  //   const onSave = (contactInfo) => Toast('保存');
  //   const onDelete = (contactInfo) => Toast('删除');
  //   const app = createApp();
  //   app.use(ContactEdit);

  //   return {
  //     onSave,
  //     onDelete,
  //     editingContact,
  //   };
  // },
  
  methods: {
    //提交
    fun(){
      

    }
  },
};
</script>

<style scoped>
.customer-text {
  -webkit-box-align: center;
  align-items: center;
  padding: 0.24rem 0 0.18rem 0.3rem;
  color: #666;
  background-color: #f6f6f6;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.customer-text span {
  color: #666;
  font-size: 0.26rem;
  line-height: 0.36rem;
}
.customer-form {
  font-size: 0.28rem;
  color: #777;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #fff;
}
label {
  color: #777;
  position: relative;
  font-size: 0.3rem;
  letter-spacing: 0;
  padding: 0.24rem 0.3rem;
  display: -webkit-flex;
  line-height: 0.46rem;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-bottom: 0.01rem solid rgba(239, 239, 239, 1);
}
label span {
  font-size: 0.3rem;
  letter-spacing: 0;
  line-height: 0.46rem;
  font-family: PingFangSC-Medium;
  color: #000;
  display: inline-block;
}
label input {
  font: inherit;
  margin: 0;
  line-height: normal;
  outline: none;
  resize: none;
  width: 69%;
  height: 0.4rem;
  background-color: #fff;
  font-family: PingFangSC-Regular;
  font-size: 0.3rem;
  letter-spacing: 0;
  border: 0;
  padding: 0;
  text-align: right;
  color: #f03d36;
}
.tips {
  font-size: 0.28rem;
  color: #777;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  padding: 0.2rem 0.3rem 0.12rem;
  background-color: #f6f6f6;
  line-height: 0.32rem;
}
.tips span {
  line-height: 0.32rem;
  font-size: 0.24rem;
  color: #999;
}
.tips a {
  line-height: 0.32rem;
  font-size: 0.24rem;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  color: #50a7ec;
}
.name {
  color: #333;
}
select {
  color: inherit;
  font: inherit;
  margin: 0;
  text-transform: none;
  outline: none;
  resize: none;
  border: none;
  background-color: #fff;
  text-align-last: right;
}
input::-webkit-input-placeholder {
  color: #dadada;
}

.btn {
    
    font-size: 0.28rem;
    color: #777;
    -webkit-tap-highlight-color: transparent;
}
.btn button{
     
    overflow: visible;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
    resize: none;
    background: #f03d36;
    border-radius: 0.44rem;
    width: 90%;
    height: 0.9rem;
    display: block;
    margin: 0.2rem auto;
    font-family: PingFangSC-Medium;
    font-size: 0.32rem;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    border: 0;
}
</style>
